<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      .mybox {
        color: brown;
      }
    </style>
  </head>
  <body>
    <div id="box">这是一段测试的内容</div>
    <ul id="list">
      我是ul标签
      <li>11111</li>
      <li>11112</li>
      <li>11113</li>
      <li>11114</li>
    </ul>
    <input id="ipt" type="text" placeholder="请输入..." />
    <button id="btn">获取输入框内容</button>
    <script>
      //   // 第一步：获取元素
      //   var box = document.getElementById("box"),
      //     list = document.getElementById("list"),
      //     ipt = document.getElementById("ipt"),
      //     btn = document.getElementById("btn");
      //   // 第二步：检测获取元素
      //   console.log(box, list, ipt, btn);
      //   // innerText:获取元素文本
      //   var BoxContent = box.innerText;
      //   console.log(box.innerText, BoxContent);
      //   // innerHTML:获取元素内容(包含子元素的标签)
      //   var ListContent = list.innerHTML;
      //   console.log(ListContent);
      //   //value:获取表单内容
      //   var IptContent = "";
      //   btn.onclick = function () {
      //     IptContent = ipt.value;
      //     // IptContent = ipt.innerHTML
      //     console.log(IptContent);
      //     box.innerText = "傻瓜";
      //     box.innerHTML = `<div>
      //   <div>9999</div>
      //   <ul>
      //     <li>22</li>
      //     <li>44</li>
      //     <li>555</li>
      //   </ul>
      // </div>`;
      //     ipt.value = "默认值";
      //   };

      //++ :（++在前，先运算再赋值，++在后，先赋值再运算），影响的是将要赋值的内容，自身不受影响
      // var num = 1;
      // var num1 = num++;
      // console.log(num, num1);

      // var x = 10;
      // var y = ++x + ++x + x++;
      // // y = 11 + 12 + 12
      // console.log(x, y); // x: 13, y: 35

      // var n = 7;
      // var m = n++ + (n + ++n) + ++n;
      // // m = 7 + (8 + 9) + 10
      // console.log(m, n)

      console.log(false == undefined); //false
      console.log(false == null); //false
      console.log(3 > 4 || false == 0);
    </script>
  </body>
</html>
